$(document).ready(function () {
    $('#iddiv').click(function() {
        //$(this).border('33px black .5');
        $(this).css('border', 'solid');
        $(this).css('border-color', 'blue');
        $(this).css('border-width', '20px');
    })
    $('#iddiv').mouseenter(function() {
        $(this).css('border', 'solid');
        $(this).css('border-color', 'red');
        $(this).css('border-width', '180px');
        $(this).offset( {
            top : ($(this).offset().top-180), left : ($(this).offset().left-180)
        });
    });
    $('#iddiv').mouseleave(function() {
        $(this).css('border', 'none');
        $(this).offset( {
            top : ($(this).offset().top+180), left : ($(this).offset().left+180)
        });
    });
    $('#iddiv').offset( {
            top : (5 * px2cm), left : (7 * px2cm)
        })
});